<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>登录界面</title>
   <link rel="stylesheet" href="/css/loginRegister.css">
   <style>
       
      #github svg {
        transition: all 1s;
        fill: #222;
        color: #fff;
        position: absolute;
        top: 0;
        right: 0;
        border: 0;
        width: 80px;
        height: 80px;
      }
  
      #github:hover svg {
        width: 160px;
        height: 160px;
      }
     header{
        position: absolute;
        z-index: 1;
     }
     .boom{

     }
     .fire{
         width: 20px;
         height: 20px;
         position: absolute;         
      }
    </style>
</head>

<body>
   <!-- <div class="success">
      <h1>成功</h1>
   </div> -->
   <header></header>
   
   <div class="section">
      <div class="container">
         <div class="row full-height justify-content-center">
            <div class="col-12 text-center align-self-center py-5">
               <div class="section pb-5 pt-5 pt-sm-2 text-center">
                  <h6 class="mb-0 pb-3"><span>Log In </span><span>Sign Up</span></h6>
                  <input class="checkbox" type="checkbox" id="reg-log" name="reg-log" />
                  <label for="reg-log"></label>
                  <div class="card-3d-wrap mx-auto">
                     <div class="card-3d-wrapper">
                        <div class="card-front">
                           <div class="center-wrap">
                              <div class="section text-center">
                                 <h4 class="mb-4 pb-3">登 录</h4>
                                 <div class="form-group">
                                    <input type="email" name="logemail" class="form-style" placeholder="用户名"
                                       id="logName" autocomplete="off">
                                    <i class="input-icon uil uil-at"></i>
                                 </div>
                                 <div class="form-group mt-2">
                                    <input type="password" name="logpass" class="form-style" placeholder="密码"
                                       id="logPwd" autocomplete="off">
                                    <i class="input-icon uil uil-lock-alt"></i>
                                 </div>
                                 <div class="checkDiv"><input type="checkbox" id="check1"/>七天免登录</div>
                                 <div class="checkDiv checkDivTwo"><input type="checkbox" id="check2"/>记住密码</div>
                                 <a href="#" class="btn mt-4" id="login">登录</a>
                                 <p class="mb-0 mt-4 text-center"><a href="#0" class="link">忘记你的密码?</a>
                                 </p>
                              </div>
                           </div>
                        </div>
                        <div class="card-back">
                           <div class="center-wrap">
                              <div class="section text-center">
                                 <h4 class="mb-4 pb-3">注册</h4>
                                 <div class="form-group">
                                    <input type="text" name="logname" class="form-style" placeholder="你想要的用户名"
                                       id="resName" autocomplete="off">
                                    <i class="input-icon uil uil-user"></i>
                                 </div>
                                 <div class="form-group mt-2">
                                    <input type="email" name="logemail" class="form-style" placeholder="你的邮箱"
                                       id="resEmail" autocomplete="off">
                                    <i class="input-icon uil uil-at"></i>
                                 </div>
                                 <div class="form-group mt-2">
                                    <input type="password" name="logpass" class="form-style" placeholder="你的密码"
                                       id="resPwd" autocomplete="off">
                                    <i class="input-icon uil uil-lock-alt"></i>
                                 </div>
                                 <a href="#" class="btn mt-4" id="register">注册</a>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <script src="/libs/require.js" data-main="/js/loginRegister"></script>
</body>

</html>